<script>
	import {mapState} from 'vuex'
	export default {
		onLaunch: function() {
			console.warn('当前组件仅支持 uni_modules 目录结构 ，请升级 HBuilderX 到 3.1.0 版本以上！')
			console.log('App Launch')
		},
		computed: {
			...mapState(['allList'])
		},
		watch: {
			allList(newValue) {
				uni.setTabBarBadge({
					index:2,
					text:this.$store.getters.num.toString()
				})
			}
		},
		onShow: function() {
			let cartItem=JSON.parse(localStorage.getItem('cart'))
			 if(cartItem){
				 this.$store.state.allList=cartItem
				 console.log(this.$store.state.allList);
				 console.log(this.$store.getters.num);
				 console.log(this.$store.getters.price);
				 uni.setTabBarBadge({
				 	index:2,
				 	text:this.$store.getters.num.toString()
				 })
			 }
		},
		onHide: function() {
			console.log('App Hide')
		},
		
	}
</script>

<style lang="scss">
	/*每个页面公共css */
	@import '@/uni_modules/uni-scss/index.scss';
	/* #ifndef APP-NVUE */
	@import '@/static/customicons.css';
	// 设置整个项目的背景色
	page {
		background-color: #f5f5f5;
	}

	/* #endif */
	.example-info {
		font-size: 14px;
		color: #333;
		padding: 10px;
	}
</style>
